<%@page pageEncoding="UTF-8" isELIgnored="false"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@taglib prefix="f" uri="http://www.slim3.org/functions"%>

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>新規出退勤データ登録</title>
<link rel="stylesheet" type="text/css" href="/css/global.css" />
<script type="text/javascript" src="/js/YahhoCal.js"></script>
<script type="text/javascript" src="/js/javascript.js"></script>
</head>
<body>
<script type="text/javascript">
YahhoCal.loadYUI();
</script>
<jsp:include page="/header.jsp">
    <jsp:param name="title" value="Index"/>
</jsp:include>
<jsp:include page="/menu.jsp" />
<div id="body">
<h5>新規出退勤データ登録</h5>
${f:h(test) }
<form action="${f:url('/makeData/makeData')}" method="post">
<table>
	<tr>
		<td>
			勤務年月日<br />(出勤時刻の年月日を入力してください)
		</td>
		<td>
			<input type="text" name="year" id="year" size="4" value="${f:h(resultData.year) }" />
		</td>
		<td>
			年
		</td>
		<td>
			<input type="text" name="month" id="month" size="1" value="${f:h(resultData.month) }" />
		</td>
		<td>
			月
		</td>
		<td>
			<input type="text" name="date" id="date" size="1" value="${f:h(resultData.date) }" />
		</td>
		<td>
			日
		</td>
		<td>
			<img src="/img/cal.png" name="calButton" alt="カレンダ" height="50%" width="50%" onClick="YahhoCal.render('year', 'month', 'date');" />
		</td>
	</tr>
</table>
<br />
<table>
	<tr>
		<td>

		</td>
		<td>

		</td>
		<td colspan="6">
			出勤時刻・退勤時刻を入力してください.
		</td>
		<td colspan="3">
		</td>
	</tr>
	<tr>
		<td>

		</td>
		<td>
			出勤時刻
		</td>
		<td>
			<input type="text" name="startYear" id="startYear" value="${f:h(resultData.startYear) }" size="4" onfocus="dispYMD();" autocomplete="off" />年
		</td>
		<td>
			<input type="text" name="startMonth" id="startMonth" value="${f:h(resultData.startMonth) }" size="1" autocomplete="off" />月
		</td>
		<td>
			<input type="text" name="startDate" id="startDate" value="${f:h(resultData.startDate) }" size="1" autocomplete="off" />日
		</td>
		<td>
			<input type="text" name="startHour" value="${f:h(resultData.startHour) }" size="1" autocomplete="off" />時
		</td>
		<td>
			<input type="text" name="startMinuts" value="${f:h(resultData.startMinuts) }" size="1" autocomplete="off" />分
		</td>
		<td>
			<span class="validator"> ${f:h(errors.startYear)}${f:h(errors.startMonth)}${f:h(errors.startDate)}${f:h(errors.startHour)}${f:h(errors.startMinuts)} </span>
		</td>
		<td colspan="3">
		</td>
	</tr>
	<tr>
		<td>

		</td>
		<td>
			退勤時刻
		</td>
		<td>
			<input type="text" name="endYear" id="endYear" value="${f:h(resultData.endYear) }" size="4" autocomplete="off" />年
		</td>
		<td>
			<input type="text" name="endMonth" id="endMonth" value="${f:h(resultData.endMonth) }" size="1" autocomplete="off" />月
		</td>
		<td>
			<input type="text" name="endDate" id="endDate" value="${f:h(resultData.endDate) }" size="1" autocomplete="off" />日
		</td>
		<td>
			<input type="text" name="endHour" id="endHour" value="${f:h(resultData.endHour) }" size="1" autocomplete="off" />時
		</td>
		<td>
			<input type="text" name="endMinuts" id="endMinuts" value="${f:h(resultData.endMinuts) }" size="1" autocomplete="off" />分
		</td>
		<td>
			<span class="validator"> ${f:h(errors.endYear)}${f:h(errors.endMonth)}${f:h(errors.endDate)}${f:h(errors.endHour)}${f:h(errors.endMinuts)} </span>
		</td>
		<td colspan="3">
		</td>
	</tr>
	<tr>
		<td colspan="11">
			・
		</td>
	</tr>
	<tr>
		<td colspan="11">
			入力後、パスワードを入力し、登録ボタンを押下してください.
		</td>
	</tr>
	<tr>
		<td colspan="4" align="right">
			パスワード：
		</td>
		<td colspan="4">
			<input type="password" name="userPass" /><span class="validator"> ${f:h(errors.userPass)}${f:h(result)} </span>
		</td>
		<td>
			<input type="submit" value="登録" />
		</td>
		<td>
			<input type="reset" value="キャンセル" />
		</td>
	</tr>
</table>
<br />
<br />

<div style="font-size: x-small;">
<a href="http://developer.yahoo.com/yui/license.html">YUIライセンス</a><br />
<a href="http://0-oo.net/pryn/MIT_license.txt">Yahho Calendarライセンス</a>
</div>
<a href="${f:h('../')}">もどる</a>
</form>
</div>
<jsp:include page="/footer.jsp" />
</body>
</html>
